<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="basePath" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html>
<head>
<title>设备能源管理系统(EMS)</title>
<meta charset="UTF-8" />
	<jsp:include page="../common/header.jsp"/>
	<script type="text/javascript" src="${basePath}/resources/js/moment.js"></script>
	<script type="text/javascript" src="${basePath}/resources/js/monitor/line.js"></script>
</head>
<body class="easyui-layout">
<jsp:include page="../common/top.jsp"/>
<div class="layout-content " data-options="region:'center',border:false">
	<div class="ems-main-south4 ">
	    <div class="easyui-layout togray" data-options="fit:true" id="contentdata">
		    <div data-options="region:'center',title:'设备监控',split:true,collapsible:false,iconCls:'icon-p1'">
		    	<ul class="content-ul">
		    	<c:forEach items="${items}" var="item" varStatus="step">
			    	<li>
			    		<img v-bind:src=${item}.path >
			    		<div class="content-ul-inner">
			    			<h4>{{${item}.equNo}}</h4>
			    			<div class="content-text2">
					    		<p><span>电流:</span><b class="color-6">{{${item}.i_a}}A</b></p>
					    		<p><span>电压:</span><b class="color-6">{{${item}.u_a}}V</b></p>
					    		<p><span>功率:</span><b class="color-6">{{${item}.p_active}}KW</b></p>
					    	</div>
					    	<div class="content-text2">
					    		<p><span>电度:</span><b class="color-6">{{${item}.macEngry}}度</b></p>
					    		<p><span>电费:</span><b class="color-6">{{${item}.macCharges}}元</b></p>
<%-- 					    		<p><span>状态:</span><b class="color-6">{{${item}.macStateType}}</b></p> --%>
					    	</div>
			    		</div>
			    		<div class="content-ul-inner2">
<!-- 			    			<h4>功率</h4> -->
					    	<div id="${item}_gl" class="ptGL"></div>
			    		</div>
			    	</li>
		    	</c:forEach>
		    	</ul>
		    </div>
	    </div>
	</div>
</div>

</body>
</html>